Top 10 Breath-taking jQuery Slideshow Thumbnails Showcase That You’ll Surely Like
OneSlider is a Responsive Slider jQuery plugin that is not only used to show your banners or wordpress gallery slider but also allow to CSS add content for each slide.Show/Hide Slider Navigation ( Thumbnails ).Rainbow Background Full Screen jQuery Plugin
Metro Tab jQuery
2. WOW Slider
WOW Slider is a fantastic responsive image slider with
killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.
Also, you can share your slider on Facebook.
The Crystal Gallery jQuery plugin provides a customizable, one-of-a-kind gallery look to fit all your image presentation needs.A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes. Autoplay slideshow option
Autohide timer for navigation and thumbnails
uk/sandbox/jquery/easing/jquery.com/brandonaaron/jquery-mousewheel
added option to hide thumbnails navigation by default
jQuery Driven (requires version 1. Auto slideshow with pause on hover (optional). Control number of visible thumbnails
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
Optional thumbnails, tabs or bullets navigation
Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal
Auto slideshow with optional pause on hover
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Support thumbnails for the grid only to the images you want to improve performance
Lightbox with slideshow (play, pause, auto-play)
A gallery slider jQuery help you to display fullscreen images with auto delay switch slideshow support.Scrollable thumbnails navigation. Auto delay slideshow.jQuery OneByOne Slider Plugin:
jQuery http://jquery.
Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Customizable thumbnails size and geometry: this feature allows you to change the size of the thumbnails and the space between thumbnails. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable, also the thumbnails border color can be tweened from a normal color to a selected color. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). “Load more thumbnails feature”: this is an awesome feature which improves the overall performance and speed of loading because in this way not all the thumbnails are loaded and displayed at once. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. The number of thumbnails to load per set is customizable, it does not have to be 50 it can be any number that you consider. This feature is optional, if it is disabled all thumbnails are loaded and displayed. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Canvas Slider is a jQuery banner rotator free download plugin with animation effects, animated captions, responsive layout, and
The thumbnails and bullets control allow for easy navigation of your slider. Control navigation (index, custom index, bullets, and thumbnails)
You can also have a slideshow of the items in the Full-width mode. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api).If you show Youtube/Vimeo videos then you can choose to use the thumbnails provided by Youtube/Vimeo. Choose to show the thumbnails in Full-width mode when the gallery first loads. You can start the slideshow in Full-width mode when the gallery first loads. The time interval for which a particular item is visible during slideshow can be set.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The image gallery script has been tested and is fully compatible with jQuery 1. and also jquery 2. Fixed a bug in iOS where after scrolling the clicks/taps on the thumbnails became unresponsive. Updated the jQuery masonry plugin so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.9+ including jquery 2.
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Customizable thumbnails size and geometry: this feature allows you to change the size of the thumbnails and the space between thumbnails. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable. “Load more thumbnails feature”: this is an awesome feature which improves the overall performance and speed of loading because in this way not all the thumbnails are loaded and displayed at once. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. The number of thumbnails to load per set is customizable, it does not have to be 50 it can be any number that you consider. This feature is optional, if it is disabled all thumbnails are loaded and displayed. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.2013 – We have added a new feature to this grid, the option to add media icons over the thumbnails when they are selected, now you can chose between thumbnails description, media icons or “none” when a thumbnail is selected.